* {
    margin: 0;
    padding: 0;
}
body {
    background: #f0f1f6;
    overflow-y: hidden;
}
p,
h3 {
    margin: 0;
}
html {
    height: 100%;
}
body {
    display: flex;
    height: 100%;
    flex-direction: column;
}
header {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 24px;
    background: linear-gradient(90deg, rgba(70, 130, 252, 0.9523518880208334) 50%, rgba(116, 127, 252, 0.9579541289171919) 66%);
}
section {
    flex: 1;
    display: flex;
}
footer {
    height: 100px;
    width: 100%;
}
aside {
    width: 280px;
    height: 100%;
}
main {
    flex: 1;
}
article {
    width: 180px;
    height: 100%;
}
/* 头部 */
.head {
    width: 100%;
    height: 80px;
    background: linear-gradient(90deg, rgba(70, 130, 252, 0.9523518880208334) 50%, rgba(116, 127, 252, 0.9579541289171919) 66%);
    display: flex;
    justify-content: space-between;
    position: relative;
}
.cnten {
    width: 100%;
}
.headleft {
    width: 440px;
    height: 80px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
}
.headright {
    width: 760px;
    height: 80px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
}
.headleft>img {
    width: 60px;
    height: 60px;
}
/* 用户管理 */
.head1 {
    width: 84.5vw;
    height: 80px;
    background: #f8f9fa;
    position: absolute;
    top: 80px;
    left: 280px;
}
.head1>h5 {
    width: 80px;
    height: 30px;
    margin: 24px auto;
    text-align: center;
    line-height: 30px;
    color: #867ffd;
}
.head1>h5>i {
    width: 45px;
    height: 5px;
    background: #867ffd;
    display: block;
    margin-left: 18px;
}
/* 内容 */
.content {
    width: 77%;
    height: 85vh;
    background: #ffff;
    position: absolute;
    top: 190px;
    left: 320px;
    border-radius: 15px;
}
#btnn {
    position: absolute;
    top: 42px;
    right: 100px;
    background: #7A81FF;
    border: 0;
}
.main-top {
    width: 100%;
    height: 80px;
    background-color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    position: relative;
}
.main-top>p{
    color: #867ffd;
}
.main-top>span {
    width: 100px;
    height: 5px;
    background-color: #867ffd;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: calc(47%)
}

/* 公用的样式表 */
span,p,ul,ol,li,form, input,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,a,div,body, html,b,strong,i,em{padding:0; margin:0;}
a{
    text-decoration: none;
    color: #333;
}
img{
    vertical-align: top;
}
li{
    list-style: none;
}
input{
    outline: none;
}
textarea{
    resize: none;
}
b,h1,h2,h3{
    font-weight: normal;
}
i,em{
    font-style: normal;
}
.overflow {
    overflow:hidden
}
.clear::after{
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

#td>tr>th{
    background-color: #f2f2f2;
}
.btn_page{
    background: #fff;
    border: 1px solid #797979;
    border-radius: 5px;
    padding: 3px 5px;
    margin: 0px 10px;
    font-size: 12px;
    color: #333333;
}
